import React from 'react';

// 导入 context 对象
import contextObj from './context';
// 导入hooks useContext , 函数后代组件中, 使用该hooks 获取祖先组件中提供的数据

// 总结: 与类组件相比, 实现跨级组件通信的方式
// 只有后代组件接收的方式发生了变化, 其余都没有变化.
import { useContext } from 'react';
const Grandson = () => {
    const data = useContext(contextObj);
    // data就是提供的数据
    console.log('data', data);

    return (
        <div>
            我是孙子组件--{data.name}-{data.age}
        </div>
    );
}

export default Grandson;
